@import "~bootstrap/scss/bootstrap.scss";
@import "~bootstrap4c-chosen/dist/css/component-chosen.min.css";
@import "~bootstrap-datepicker/dist/css/bootstrap-datepicker3.css";
$fa-font-path: "~@fortawesome/fontawesome-free/webfonts" !default;
@import "~@fortawesome/fontawesome-free/scss/fontawesome.scss";    
@import "~@fortawesome/fontawesome-free/scss/regular.scss";    
@import "~@fortawesome/fontawesome-free/scss/solid.scss";    

@import "dependency";
@import "summary";
@import "trace";
@import "traces";

.content {
  padding: 2%;
}

.chosen-container .chosen-single {
  height: 38px;
}

#errorPanel {
  display: none;
}

#fullPageSpinner {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  padding-top: 10%;
  background: rgba(256, 256, 256, 0.5);
}

#fullPageSpinner .progress {
  margin-left: 25%;
  width: 50%;
}

/*for page up button*/
#backToTop {
  background-color: #0084B4;
}

/*for zoomout button*/
#zoomOutSpans {
  background-color: #d9534f;
}

/*container for zoomout, pageup buttons*/
#extraButtonsContainer {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 100;
}
